<!--  -->
<template>
 <div class="part partone clearfix">
    <dl v-for="(items,index) in hotnews" class="detail" :order="items.order">
        <dt class="detaildt"><img :src="items.imgsrc" alt=""></dt>
        <dd class="detaildd">
        <h3>{{items.h3title}}</h3>
        <div class="detailddcon">
            <span>时间<em>{{items.datail.time}}</em></span>
            <span @click="emitabout($event,items)" >评论<em>{{items.datail.about}}</em></span>
            <span>转发<em>{{items.datail.forword}}</em></span>
        </div>
        </dd>
    </dl>
    
</div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  methods:{
      emitabout(event,items){
          this.$emit("aboutAdd",items)
      }
  },
  props:["hotnews"]

  
}

</script>
<style  scoped>

.partone {
  background:#333;
}
.detail {
  float: left;
  width:200px;
  padding:5px;
  margin:0 4px; 
}
.detaildt{
  width:100px;
  height:100px;
  margin-bottom: 5px;
}
.detailddcon {
  width:120px;
 
}
.detailddcon span{
 display:block;
 height: 20px;
 font: normal 12px/20px Microsoft YaHei;
}
.detailddcon em {
  font-size:14px;
  margin: 0 4px;
  color:green;
  cursor: pointer;
}
.detaildt img {
  display: block;
  width:100%;
  height:100%;
  outline: none;
}
</style>